@charset "utf-8";
@import "reset";
@function r($px) {
    @return $px/100px*1rem;
}

* {
    margin: 0;
    padding: 0;
    font-size: 0;
}

.unlogin_web {
    position: relative;
    padding-top: 47px;
    //  padding-bottom: 70px;
    header {
        top: 0;
        position: fixed;
        z-index: 2;
        .sg_header {
            width: r(640px);
            background: #b20000;
            padding-top: r(25px);
            padding-bottom: r(25px);
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-left: r(17px);
            padding-right: r(17px);
            .sg_nav {
                color: white;
                width: r(25px);
                height: r(25px);
                text-align: center;
                line-height: r(25px);
                .icon-daohanglan_moshi {
                    font-size: r(25px);
                    font-weight: bolder;
                }
            }
            .sg_header_logo {
                width: r(264px);
                height: r(39px);
                //          margin: 0 auto;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .sg_search {
                color: white;
                width: r(43px);
                height: r(43px);
                border: 2px solid white;
                text-align: center;
                line-height: r(40px);
                border-radius: 20px;
                //          border-radius: 30px;
                .icon-iconfontzhizuobiaozhun023131 {
                    font-size: r(26px);
                }
            }
        }
    }
    section {
        background-color: #222222;
        padding-top: r(106px);
        padding-bottom: r(436px);
        .unlogin_logo {
            margin-bottom: r(45px);
            .unlogin_logoBox {
                width: r(134px);
                height: r(134px);
                margin: 0 auto;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .user {
            display: flex;
            justify-content: center;
            .user_logo {
                padding-top: r(11px);
                padding-right: r(13px);
                padding-left: r(13px);
                padding-bottom: r(11px);
                background-color: #303030;
                img {
                    width: r(30px);
                    height: r(30px);
                }
            }
            input {
                background-color: #3d3d3d;
                font-size: r(18px);
                padding-left: r(39px);
                padding-right: r(120px);
                border: none;
                &:-webkit-input-placehoder {
                    color: #cdcdcd;
                    font-size: r(18px);
                }
            }
        }
        .password {
            display: flex;
            justify-content: center;
            margin-top: r(20px);
            .password_logo {
                padding-top: r(11px);
                padding-right: r(13px);
                padding-left: r(13px);
                padding-bottom: r(11px);
                background-color: #303030;
                img {
                    width: r(30px);
                    height: r(30px);
                }
            }
            input {
                background-color: #3d3d3d;
                border: none;
                padding-left: r(39px);
                padding-right: r(120px);
                font-size: r(18px);
                &:-webkit-input-placehoder {
                    color: #cdcdcd;
                    font-size: r(18px);
                }
            }
        }
        .forgive {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-right: r(100px);
            margin-top: r(20px);
            margin-bottom: r(40px);
            .fg_logo {
                width: r(19px);
                height: r(19px);
                margin-right: r(5px);
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            span {
                color: white;
                font-size: r(18px);
            }
        }
        .login {
            background-color: #B20000;
            width: r(438px);
            height: r(53px);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: r(100px);
            margin-bottom: r(20px);
            span {
                a {
                    color: white;
                    font-size: r(21px);
                }
            }
        }
        .register {
            border: 1px solid #B20000;
            background-color: #303030;
            width: r(438px);
            height: r(53px);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: r(100px);
            span {
                color: white;
                font-size: r(21px);
            }
        }
    }
}